.city_select {
  height:35 * 0.266666vw ; 
  display: flex;
  .city_select_search {
    flex: 1;
    background-color: #fff;
    display: flex;
    border-radius: 10 * 0.266666vw ;
    overflow: hidden;
    border: 1* 0.266666vw solid #ccc;
    .city {
      width: 60* 0.266666vw;
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1* 0.266666vw dashed #ccc;
      font-size: 14* 0.266666vw;
    }

    .city_input {
      flex:1;
      position: relative;
      .city_input_icon {
        font-size: 16* 0.266666vw;
        color:#666;
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        left: 10* 0.266666vw
      }

      input {
        width: 100%;
        height: 100%;
        border:   none;
        outline: none;
        padding-left: 30* 0.266666vw;
        font-size: 12* 0.266666vw;
      }
    }
  }

  .city_select_icon {
    padding: 15* 0.266666vw;
    display: flex;
    align-items: center;
    justify-content: center;
    // background-color: red;
    .city_select_icon_inner {
      font-size: 28* 0.266666vw;
      color:#fff;
    }
  }
}
